<template>
  <footer class="home_footer">
    <div class="left">
      <div class="logoImg" ><img src="../assets/title.png"/></div>
      <div class="posi">
        <a>问题反馈</a>
        <a>@ 2019 JiuGu 使用啾咕前必读</a>
      </div>
    </div>
    <div class="right">
      <div class="txt">天生我财必有用，留取丹心照汗青</div>
      <div class="erweima">
        <div></div>
        <p>关注微信公众号</p>
      </div>
    </div>
  </footer>
</template>
<script>
export default {}
</script>
<style lang="less" scoped>
.home_footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 150px;
  margin-top: 10px;
  background-color: #35405e;
  .left {
    display: flex;
    width: 40%;
    padding: 20px 0 0 40px;
    .logoImg {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 240px;
      height: 80px;
      background-color: #fff;
      img{
      width: 210px;
      height: 30px;
      }
    }
    .posi {
      display: flex;
      flex-direction: column;
      margin-left: 20px;
      font-size: 14px;
      a {
        margin-top: 10px;
        color: #a6a7aa;
      }
    }
  }
  .right {
    display: flex;
    margin: 20px 25px 0 0;
    font-size: 14px;
    .txt {
      margin: 35px 20px;
      color: #a6a7aa;
    }
    .erweima {
      text-align: center;
      > div {
        width: 80px;
        height: 80px;
        border: 1px solid #fff;
      }
      p {
        font-size: 12px;
        color: #fff;
      }
    }
  }
}
</style>
